/*@font-face{
	font-family:"Raphaelicons";
	src: url('fonts/raphaelicons-webfont.eot') format('eot'),
	url('fonts/raphaelicons-webfont.ttf') format('truetype'),
	url('fonts/raphaelicons-webfont.woff') format('woff'),
	url('fonts/raphaelicons-webfont.svg') format('svg');
	font-weight:normal;
	font-style:normal; 
   }*/
body{
	background:#ccc;
	font-weight:400;
	font-size:15px;
	overflow: hidden;
	-webkit-font-smoothing:antialiased;
	color:green;
}
a{
	text-decoration: none;
}
.st-container{
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left: 0;


}
.st-container>input,
.st-container>a{
	width:20%;
	height:35px;
	line-height:35px;
	position:fixed;
	bottom:0;
}
.st-container>input{
	opacity:0;
	z-index:1000;
	cursor:pointer;

}
.st-container>a{
	z-index: 10;
	background:#e23a6e;
	box-shadow:1px 1px 1px #ccc; 
	font-size:16px;
	font-weight:700;
	color:#fff;
	text-align:center;
	-webkit-transition:all 1s;
}
#st-control-1,#st-control-1+a{
	left: 0%;
}
#st-control-2,#st-control-2+a{
	left: 20%;
}
#st-control-3,#st-control-3+a{
	left: 40%;
}
#st-control-4,#st-control-4+a{
	left: 60%;
}
#st-control-5,#st-control-5+a{
	left: 80%;
}
.st-container input:checked+a,
.st-container input:checked:hover+a{
	background: #821134;
}
.st-container input:hover+a{
	background:#821134;
	
}
.st-container input:checked+a:after{
	content:"";
	width:0;
	height:0px;
	overflow:hidden;
	border:20px solid transparent;
	border-bottom-color:#821134;
	position: absolute;
	bottom:100%;
	left:50%;
	margin-left:-20px;
}
.st-scroll,
.in-col{
	width:100%;
	height:100%;
	position:relative;
	font-size:20px;

}
.st-scroll{
	top:0;
	left: 0;
	-webkit-transform:translate3d(0,0,0);
	transform:translate3d(0,0,0);
	-webkit-backface-visibility:hidden;
	-webkit-transition:all 0.6s ease;
	transition:all 0.6s ease-in-out;
}
#in-co1{
	background:pink;
	overflow: hidden;
}
#in-co2{
	background:#9261BF;
}
#in-co3{
	background:#56A349;
}
#in-co4{
	background:#FE6C3A;
}
#st-control-1:checked ~.st-scroll{
	-webkit-transform:translateY(0%);
	transfrom:translateY(0%);
}
#st-control-2:checked ~.st-scroll{
	-webkit-transform:translateY(-100%);
	transfrom:translateY(-100%);
}
#st-control-3:checked ~.st-scroll{
	-webkit-transform:translateY(-200%);
	transfrom:translateY(-200%);
}
#st-control-4:checked ~.st-scroll{
	-webkit-transform:translateY(-300%);
	transfrom:translateY(-300%);
}
#st-control-5:checked ~.st-scroll{
	-webkit-transform:translateY(-400%);
	transfrom:translateY(-400%);
}
/*[data-icon]:after{
	content:attr(data-icon);
	width:200px;
	height:200px;
	position:absolute;
	left:50%;
	top:50%;
	font-size:100px;
	color:#fff;
	text-align:center;
	-webkit-transform:rotate(-45deg);
	margin:-30px 0 0 -30px;
	font-family:"Raphaelicons";

}*/

.in-col h2{
	color:#E23A6E;
	font-size:50px;
	width:80%;
	line-height:50px;
	text-align:center;
	position:absolute;
	top:50%;
	left:14%;
	margin-top:-70px;
	text-shadow:1px 1px 1px #ccc;
	-webkit-backface-visibility:hidden;
}
.in-col>p{
	font-size:30px;
	position:absolute;
	top:50%;
	margin-left:10%
}

.page-1-1 .img_1 ,.page-2-1 .img_1 {
	height:auto;
	width:250px;
	position:absolute;
	left:50%;
	top:1%;
	margin-left:-124px;                            
}

.page-1-1 .img_2{
	width:240px;
	height:auto;
	position:absolute;
	left:50%;
	top:50%;
	margin-left:-110px;
}
.page-1-1 .img_3 ,.page-2-1 .img_3,.page-3-1 .img_4{
	width:25px;
	height:auto;
	position:absolute;
	left:50%;
	top:85%;
}
.page-2-1 .img_1,.page-3-1 .img_1{
	width:280px;
	height:auto;
	position:absolute;
	left:50%;
	margin-left:-140px;
	top:28%;
}
.page-2-1 .img_2,.page-3-1 .img_2{
	width:250px;
	height:auto;
	position:absolute;
	left:50%;
	margin-left:-120px;
	top:30%;
}
.page-2-1 .img_4,.page-3-1 .img_3{
	width:200px;
	height:auto;
	position:absolute;
	left:50%;
	margin-left:-120px;
	top:5%;
}
.page-3-1 .img_2 {
	width:230px;
	margin-left:-100px;
}
.page-3-1 .img_3 {
	position:absolute;
	top:3%;
	margin-left:-100px;
}